<!--
Copyright (c) 2011 Shyc2001 (http://twitter.com/shyc2001)
This work is based on:
*"Switchy! Chrome Proxy Manager and Switcher" (by Mohammad Hejazi (mohammadhi at gmail d0t com))
*"SwitchyPlus" by @ayanamist (http://twitter.com/ayanamist)

    This file is part of SwitchySharp.
    SwitchySharp is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    SwitchySharp is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with SwitchySharp.  If not, see <http://www.gnu.org/licenses/>.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="assets/styles/popup.css" type="text/css">
    <script src="assets/libs/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="assets/libs/parseUri.js" type="text/javascript"></script>
    <script src="assets/scripts/popup.js" type="text/javascript"></script>
</head>
<body data-i18n-values=".style.direction:global_direction;.style.textAlign:global_textAlign">
<div id="menu">
    <div id="directConnection" name="[Direct Connection]" class="item proxy" title="Disable Proxy"
         data-i18n-values="title:proxy_directConnection_help">
        <div class="icon"></div>
        <span data-i18n-content="proxy_directConnection">Direct Connection</span>
    </div>
    <div id="separatorProxies" class="separator"></div>
    <div id="proxies">
        <div class="templateItem" title="">
            <div class="icon"></div>
            <span>Proxy</span>
        </div>
    </div>
    <div id="separatorRules" class="separator"></div>
    <div id="automaticMode" class="item proxy"
         title="Automatically choose the proper proxy profile &#13;for each URL, based on Switch Rules."
         data-i18n-values="title:popup_autoSwitchMode_help">
        <div class="icon"></div>
        <span data-i18n-content="popup_autoSwitchMode">Auto Switch Mode</span>
    </div>
    <div id="systemProxy" name="[System Proxy]" class="item proxy" title="Use System Proxy (need restart)"
         data-i18n-values="title:proxy_systemProxy_help">
        <div class="icon"></div>
        <span data-i18n-content="proxy_systemProxy">System Proxy</span>
    </div>
    <div id="menuAddRule" class="item"
         title="Quickly add a new Switch Rule &#13;for the current website."
         data-i18n-values="title:popup_newRule_help">
        <img src="assets/images/filter-add.png"/><span data-i18n-content="popup_newRule">New Rule</span>
    </div>
    <div class="item" id="divDomain" title="Add a temporary rule for the current domain."
         data-i18n-values="title:popup_newTempRule_help">
        <div class="icon"></div>
        <span id="spanDomain"></span>
    </div>
    <div id="menuAddTempRule" class="item" title="The profile to be applied temporarily for the current domain."
         style="display:none;" data-i18n-values="title:popup_newTempRule2_help">
        <select id="cmbTempProfileId"></select>
    </div>

    <div id="separatorOptions" class="separator"></div>
    <div id="menuOptions" class="item">
        <img src="assets/images/options.png"/><span data-i18n-content="popup_options">Options</span>
    </div>
    <div id="menuAbout" class="item">
        <img src="assets/images/about.png"/><span data-i18n-content="popup_aboutSwitchy">About SwitchySharp</span>
    </div>
</div>

<div id="about">
    <div class="close"><img src="assets/images/close.png"/></div>
    <div class="header">
        <table>
            <tr>
                <td><img src="assets/images/icon-128.png" width="70"/></td>
                <td>
                    <table class="titleTable">
                        <tr>
                            <td colspan="2">
                                <div class="title">SwitchySharp</div>
                            </td>
                        </tr>
                        <tr>
                            <td width="1" class="version" data-i18n-content="popup_version">version</td>
                            <td class="version"><span class="versionNumber">version number here</span></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div class="body">
        <div id="developer">
            <div class="name">
                <table>
                    <tr>
                        <td data-i18n-content="popup_developedBy">Developed by</td>
                        <td>@Shyc2001</td>
                    </tr>
                    <tr>
                        <td data-i18n-content="popup_basedOn">Based on the work of</td>
                        <td>Mhd Hejazi &amp; ayanamist.</td>
                    </tr>
                </table>
            </div>
        </div>
			<span>
				<img src="assets/images/web.png" valign="middle"/>
				<a href="" id="openMainWebsite" data-i18n-content="popup_switchyWebPage">Switchy! web
                    page</a></span><br/>
        <img src="assets/images/web.png" valign="middle"/>
        <a href="" id="openPlusWebsite" data-i18n-content="popup_switchyPlusWebPage">SwitchyPlus web
            page</a><br/>
			<span><img src="assets/images/web.png" valign="middle"/>
				<a href="" id="openSupportWebsite" data-i18n-content="popup_supportAndBugReports">Support &amp;
                    Bug reports</a></span><br/>
    </div>
    <div class="footer">
        <div data-i18n-content="popup_copyright">Copyright &copy; 2011 @Shyc2001.<br/>Some rights reserved.</div>
    </div>
</div>

<div id="addRule">

    <div class="header title" data-i18n-content="popup_newRule">New Rule</div>
    <div class="header light">
        <table>
            <tr>
                <th data-i18n-content="options_ruleName">Rule Name</th>
                <td><input id="txtRuleName" type="text" value="Quick Rule"></td>
            </tr>
            <tr>
                <th><strong data-i18n-content="options_urlPattern">URL Pattern</strong></th>
                <td><input id="txtUrlPattern" type="text" class="ltr"></td>
            </tr>
            <tr class="note">
                <th></th>
                <td>
                    <div class="invalid" data-i18n-content="popup_duplicateRules">* There is already a rule for this URL
                        Pattern.
                    </div>
                </td>
            </tr>
            <tr>
                <th data-i18n-content="options_patternType">Pattern Type</th>
                <td><select id="cmbPatternType">
                    <option value="wildcard" data-i18n-content="options_patternTypeWildcard">Wildcard</option>
                    <option value="regexp" data-i18n-content="options_patternTypeRegExp">RegExp</option>
                </select></td>
            </tr>
            <tr>
                <th data-i18n-content="options_proxyProfile">Proxy Profile</th>
                <td><select id="cmbProfileId"></select></td>
            </tr>
        </table>
    </div>
    <table class="control">
        <tr>
            <td width="100%"></td>
            <td>
                <button class="button bold" id="btnSave" data-i18n-content="popup_add">Add
                </button>
            </td>
            <td>&nbsp;&nbsp;&nbsp;</td>
            <td>
                <button class="button" id="btnCancel" data-i18n-content="popup_cancel">Cancel
                </button>
            </td>
        </tr>
    </table>
    <br/>
    <br/>
</div>
</body>
</html>
